<html>
  <head>
    <title>Flash cards!</title>
    <link rel="stylesheet" type"text/css" href="static/master.css" />
    <script type="text/javascript">
      function showDefinition(defId) {
        document.getElementById(defId).style.visibility = "visible";
      }
    </script>
  </head>
  <body>
    <a href="entry_mode">Entry mode</a>
    <h1>A review of {{ entries|length }} words</h1>
    <dl>
      {% for e in entries %}
        <dt onclick="showDefinition('{{ e.entry }}')">{{ e.entry }}</dt>
        <dd id="{{ e.entry }}" style="visibility: hidden">{{ e.definition }}</dd>
      {% endfor %}
    </dl>
    <form method="post" action="daily_review">
      <input type="hidden" name="reviewed" value="{{ reviewed_words }}" />
      <input type="submit" value="Finish Review" />
    </form>
  </body>
</html>
